//分类列表展示功能
$.ajax({
    type:'get',
    url:'/categories',
    success:function(res){
        console.log(res)
        var html = template('categoriesTpl',{data:res})
        $('#categoryBox').html(html)
    }
})

//添加功能
$('#addCategory').on('submit',function(){
    var data = $(this).serialize()
    $.ajax({
        type:'post',
        url:'/categories',
        data:data,
        success:function(){
            location.reload()
        }
    })
    return false;
})

//编辑的第一步 为编辑按钮添加点击事件
$('#categoryBox').on('click','.edit',function(){
    var id = $(this).attr('data-id')
    console.log(id)
    $.ajax({
        type:'get',
        url:`/categories/${id}`,
        success:function(res){
            console.log(res)
            var html = template('modifyCateogryTpl',res)
            $('#modifyCategoryBox').html(html)
        }
    })
})

// 编辑第二步、用事件委托给编辑表单添加提交事件
$('#modifyCategoryBox').on('submit','#modifyCategoryForm',function(){
    var id = $(this).attr('data-id');
    var data = $(this).serialize();
    $.ajax({
        type:'put',
        url:`/categories/${id}`,
        data:data,
        success:function(){
            location.reload()
        }
    })
})